import Icon from "./Icon";

const Button = ({cat,className='',size='md',children,icon='emoji-smile',...props}) => {
    return ( <button 
    type="button" 
    className={`btn btn-${cat} ${className } btn-${size} `} {...props}>
        {/* {icon ? <Icon name={icon}/>:null} */}
        {icon && <Icon name={icon}/>}
    {children}
    </button>
 );
}
 
export default Button;

